export default function getStyle(mode) {
  if (mode === 5) {
    return {
      row: {
        width: '100%',
        height: '75%',
      },
      screen0: {
        width: '100%',
        height: '100%',
      },
      down: {
        width: '100%',
        height: '25%',
        display: 'flex',
      },
      downItem: {
        flex: 1,
        height: '100%',
      },
    }
  } else if (mode === 6) {
    return {
      row: {
        width: '100%',
        flex: 2,
      },
      screen0: {
        flex: 2,
        height: '100%',
      },
      left: {
        flex: 1,
        height: '100%',
      },
      leftItem: {
        width: '100%',
        height: '50%',
      },
      down: {
        width: '100%',
        flex: 1,
        display: 'flex',
      },
      downItem: {
        flex: 1,
        height: '100%',
      },
    }
  } else if (mode === 7) {
    return {
      row: {
        width: '100%',
        flex: 3,
      },
      up: {
        flex: 1,
        height: '100%',
      },
      upItem: {
        flex: 1,
        height: '100%',
      },
      down: {
        width: '100%',
        flex: 1,
        display: 'flex',
      },
      downItem: {
        flex: 1,
        height: '100%',
      },
    }
  }
}
